


<!--****************************************个人中心*******************************************-->

<style>

  #personInfo{
    width: 100%;
    height: 120px;
    background-color: #007aff;
  }
  #myHeadImg{
    width: 80px;
    height: 80px;
    position: relative;
    left: 40px;
    bottom: -20px;
  }
  #div_1{
    position: relative;
    left: 150px;
    bottom: 75px;
    font-size: large;
    color: #ffffff;
    font-weight: bold;

  }
  #table_1{

  }
  #dynamicImg{
    width: 40px;

    position: relative;

    bottom: -5px;
  }
  #dynamicText{
    position: relative;
    text-align: center;
    bottom: -8px;
    font-size: large;
  }
  td{
    border: 1px;
  }

</style>

<ion-view view-title="个人中心">
  <ion-content>
    <div id="personInfo">
      <img src="img/iconfont-moretouxiang.png" id="myHeadImg">
      <div id="div_1" style="border-left:1px solid #ccc;padding-left:1rem">
      <table border="1" id="table_1">
        <tr>
          <td style="padding: 2px">
            账号：{{user_account}}
          </td>
        </tr>
        <tr>
          <td style="padding: 2px">
            姓名：{{user_name}}
          </td>
        </tr>
        <tr>
          <td style="padding: 2px">
            性别：{{user_gender}}
          </td>
        </tr>
      </table>
        </div>
    </div>


    <div style="position: relative;bottom: -10px">
      <table border="1" style="border-color: gray;width: 100%">
        <tr style="height: 80px;">
          <td style="width: 30%;border:solid 1px lightgray;color: gray">
            <center>
              <img src="img/ionic.png" id="dynamicImg">
            </center>
            <p id="dynamicText">
              动态
            </p>
          </td>
          <td style="border:solid 1px lightgray;">
            <p style="font-size: large;text-align: left;color: gray">
              <span style="position: relative;left: 15px;bottom: 0px">
                最新监测数据
              </span>
            </p>
          </td>
        </tr>
      </table>
    </div>


    <div style="position: relative;bottom: -20px">
      <table style="width: 100%" border="1">
        <tr style="height: 130px">
          <td style="width: 25%;border:solid 1px lightgray;" ng-click="td_1_clicked()">
            <center>
              <img src="img/ionic.png" style="width: 45px;position:relative; bottom: -25px">
            </center>
            <p style="text-align: center;position: relative;bottom: -30px;font-size: large;color: gray">
              个人资料
            </p>
          </td>
          <td style="width: 25%;border:solid 1px lightgray;">
            <center>
              <img src="img/ionic.png" style="width: 45px;position: relative;bottom: -25px">
            </center>
            <p style="text-align: center;position: relative;bottom: -30px;font-size: large;color: gray">
              我的预约
            </p>
          </td>
          <td style="width: 25%;border:solid 1px lightgray;">
            <center>
              <img src="img/ionic.png" style="width: 45px;position: relative;bottom: -25px">
            </center>
            <p style="text-align: center;position: relative;bottom: -30px;font-size: large;color: gray">
              消息中心
            </p>
          </td>
          <td style="width: 25%;border:solid 1px lightgray;">
            <center>
              <img src="img/ionic.png" style="width: 45px;position: relative;bottom: -25px">
            </center>
            <p style="text-align: center;position: relative;bottom: -30px;font-size: large;color: gray">
              家庭病历
            </p>
          </td>
        </tr>
        <tr style="height: 130px">
          <td style="width: 25%;border:solid 1px lightgray;">
            <center>
              <img src="img/ionic.png" style="width: 45px;position:relative; bottom: -25px">
            </center>
            <p style="text-align: center;position: relative;bottom: -30px;font-size: large;color: gray">
              备忘录
            </p>
          </td>
          <td style="width: 25%;border:solid 1px lightgray;">
            <center>
              <img src="img/ionic.png" style="width: 45px;position: relative;bottom: -25px">
            </center>
            <p style="text-align: center;position: relative;bottom: -30px;font-size: large;color: gray">
              我的预约
            </p>
          </td>
          <td style="width: 25%;border:solid 1px lightgray;">
            <center>
              <img src="img/ionic.png" style="width: 45px;position: relative;bottom: -25px">
            </center>
            <p style="text-align: center;position: relative;bottom: -30px;font-size: large;color: gray">
              分享好友
            </p>
          </td>
          <td style="width: 25%;border:solid 1px lightgray;">
            <center>
              <img src="img/ionic.png" style="width: 45px;position: relative;bottom: -25px">
            </center>
            <p style="text-align: center;position: relative;bottom: -30px;font-size: large;color: gray">
              设置
            </p>
          </td>
        </tr>
      </table>
    </div>

  </ion-content>
</ion-view>
